/* Layout.css */
body { background: #ccc; }
#wrapper { width: 900px; margin: 0 auto; border: 1px solid #000; padding: 10px; background: #fff; }

/* Main navigation */
#main-navigation { list-style-type: none; }
#main-navigation li { display: inline; }

/* User navigation */
#user-navigation li { display: inline; }

/* 
  User profile navigation
  On the top of the page
*/
#profile_navigation { list-style-type: none; }
#profile_navigation li { display: inline; }

/* Admin user navigation */
#admin-user-navigation { position: relative; left: 600px; bottom: 32px; }
#admin-user-navigation li { display: inline; }

/* User info table */
#user-info { position: relative; left: 5px; }

/* Working hours table */
.hours-expenses-table { width: 899px; }
.hours-expenses-table td, .hours-expenses-table th {  }
.hours-expenses-table th { font-size: 12px; padding: 10px 5px; }
#table-headers { text-align: left; }
#add-working-hour-rows td { padding: 8px 0 8px 2px; vertical-align: top; }
#working-hours { font-size: 12px; }
#working-hours td { text-align: left; padding: 15px 0; }

/* Code block */
pre { display: block; width: 90%; background: #000; color: #fff; padding: 8px; margin: 2px 0; line-height: 10px; }

/* User photo */
#user-photo { float: left; width: 150px; height: 150px; border: 1px solid #000; }

/* Comments */
.comment { padding: 5px; }
.comment a { text-decoration: underline; color: #000; }
.user-comment { background: #F0F0F0; border: 1px solid #CFCFCF; }
.private-comment { background: #FCFABE; border: 1px solid #FFFA69; color: #948F00; }
.system-comment { background: #FFC2C2; border: 1px solid #FF8686; color: #5E0101; }

.clearfix { clear: both; }
